﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="MobileOptimized" content="320">
<title>无标题文档</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    
</head>

<body style="background-color:#f0f0f0;">

<div class="wrapper" id="wrapper">

	<div class="content activity singlepage">
    
    	<div class="thead_fix">
        
        	<!--返回按钮-->
                
            <a href="#" class="arrow">
                                
                <div class="img">
                
                    <img src="images/ret.png"/>
                    
                </div>

            </a>
            
            <!--返回按钮end-->
    
            <div class="m">
            
            	<span class="st">创建活动详情</span>
                
            </div>
            
            <!--创建按钮-->
        	
            <a href="#" class="creat">
                                
                <div class="img">
                
                	<span>创建</span>
                
                </div>

            </a>
            
            <!--创建按钮end-->
            
        
        </div>
    	
        <div class="thead1">
    
            <div class="m">
            
            	<span class="st"> </span>
                
                <a class="index" href="#"> </a>
                
                <a class="save" href="#"> </a>
                
            </div>
        
        </div>

        <div class="tbody">
        
          	<div class="activity details">
            
        		<div class="bgcolor">	 
                 	
                    <div class="title"  style=" margin-top:0px;">
                    
                        <div class="trip">
                        
                        	<div class="ret" style="border:none;">
                            
                                <span class="text">名称</span> 
                                
                                <input class="time" style=""  placeholder="给活动起个名字吧（5-20字）"  >
                                
                                <a class="qk" href="#"><img src="images/qk1.png" /></a>
                                
                            </div>
                            
                        </div>  
                         
                    </div>
                    
                    <div class="xt_ec" ></div>
                    
                    <div class="title"  style="margin-top:0px;">
                    
                        <div class="trip">
                            
                        	<div class="ret" style="border:none;">
                            
                                <span class="text">活动开始时间</span>  
                            
                                <input required name="starttime"  style=" width:60%;" type="datetime-local" class="time" value="" pattern="HH:mm" />
                            </div>
 
                        </div>
                        
                    </div>
                    
                    <div class="xt_ec" ></div>
                    
                    <!--<div class="title"  style="margin-top:0px;">
                    
                        <div class="trip">
                            
                        	<div class="ret" style="border:none;">
                            
                                <span class="text">活动截止时间</span>  
                            
                                <input required name="starttime"  style=" width:60%;" type="datetime-local" class="time" value="" pattern="HH:mm" />
                            </div>
 
                        </div>
                        
                    </div>     
                     
                    <div class="xt_ec" ></div> -->
                     
                    <div class="title"  style="margin-top:0px;">
                    
                        <div class="trip">
                                
                            <div class="ret" style="border:none;">
                            
                                <span class="text">报名截止时间</span>  
                            
                                <input required name="starttime"  style=" width:60%;" type="datetime-local" class="time" value="" pattern="HH:mm" />
 
                            </div>
                            
                        </div> 
                         
                    </div>
                    
                    
                    <div class="xt_ec" ></div> 
                     
                    <div class="title"  style="margin-top:0px;">
                    
                        <div class="trip">
                            
                            
                            <div class="ret" style="border:none;">
     
                                <span class="text">地点</span>
                                  
                                <!--<div class="go"><img src="images/go.png" /></div>-->
                                <input class="time"  placeholder="活动在哪儿呢"  >
                                
                                <a class="qk" href="#"><img src="images/qk1.png" /></a>
                        
                            </div> 
                            
                                
                            
                            
                        </div> 
                         
                    </div>
                    
                    <div class="xt_ec" ></div> 
                    
                    <div class="title"  style="margin-top:0px;">
                    
                        <div class="trip">        
                        
                            <div class="ret" style="border:none;">
                            
                                <span class="text">孩子年龄区间</span>  

                                <input class="age"  >
                                <span class="i"> 岁 -  </span>
                                <input class="age" >
                                <span class="i"> 岁 </span>
                                
 
                            </div>  
                               
                        </div>
                        
                    </div>
                    
                 </div>
                          
                <div class="titles">
                
                	<div class="trip">
                            
                    	<textarea class="intro" placeholder="活动的详细说明，包括活动内容、交通信息、注意事项、活动费用等，事无巨细都可以在这里写哦~"></textarea>
                        
                      	<span style="float:right; color:#666;"> </span>    
                            
                  	</div>  
                    
                </div>
                
                <div class="trip">
                	<div class="fb-img">
                		<a href="#" class="i"></a>
	                    <a class="imgers" href="#">
	                        <img src="images/imgs.png"/>
	                    </a>
	                    <br>
	                    <span class="name">imimhimhimhh.png</span>
                    </div>
                    <div class="fb-img">
                    	<a href="#" class="i"></a>
	                    <a class="imgers" href="#">
	                        <img src="images/imgs.png"/>
	                    </a>
	                    <br>
	                    <span class="name">imimhimhimhh.png</span>
                    </div>
                    <div class="fb-img">
                    	<a href="#" class="i"></a>
	                    <a class="imgers" href="#">
	                        <img src="images/imgs.png"/>
	                    </a>
	                    <br>
	                    <span class="name">imimhimhimhh.png</span>
                    </div>
                    <div class="fb-img">
                    	<a href="#" class="i"></a>
	                    <a class="imgers" href="#">
	                        <img src="images/imgs.png"/>
	                    </a>
	                    <br>
	                    <span class="name">imimhimhimhh.png</span>
                    </div>
                    <div class="fb-img">
                    	<a href="#" class="i"></a>
	                    <a class="imgers" href="#">
	                        <img src="images/imgs.png"/>
	                    </a>
	                    <br>
	                    <span class="name">imimhimhimhh.png</span>
                    </div>
                    
                    
                    <div class="fb-img">
	                    <a class="imger" href="#">
	                        <img src="images/img2.0.png"/>
	                    </a>
 					</div>
                </div>

                <span class="cleas">还可上传9张照片</span>

                <div class="title">
                
                	<div class="trip">
                    
                    	<div class="ret">
                        
                            <span class="text">选填 <span style="color:#999; font-size:1.4rem;">  人数、收费、是否公开等</span></span> 
                            
                            <div class="rt"></div>

                        </div>
 
                    </div>  
                     
                </div>
                
                <div class="xt_d7" ></div>
                
                <div class="bgcolor">
                
                

                    
                                    
                    <div class="title" style="margin-top:0px;"  >
                    
                        <div class="trip">
                            
                            <div class="ret" style="border:none;">
                            
                                <span class="text">人数</span>  
                            	
                                <div class="rt1"></div>
                                
                                <input class="times"   placeholder="默认无限制" >
   
                            </div>
                
                        </div> 
                         
                    </div>   
                 
                    <!--<div class="xt_ec" ></div>
                    
                    <div class="title"  style="margin-top:0px;">
                    
                        <div class="trip">
                            
                        	<div class="ret" style="border:none;">
                            
                                <span class="text">报名开始时间</span>  
                            
                                <input required name="starttime"  style=" width:60%;" type="datetime-local" class="time" value="" pattern="HH:mm:ss" />
                            </div>
 
                        </div>
                        
                    </div>-->
                      
                	<div class="xt_ec" ></div>
                 
                    <!--<div class="title"  style=" margin-top:0px;">
                        <div class="trip">
                                
                            <div class="ret" style="border:none;">
                                <span class="text">活动是否需要收费</span>  
                            
                                <span class="time" style="width:70%;">
                                
                                    <span class="a1">参加活动是否需要费用</span>
                                
                                </span>
                                
                            </div>
                            
                        </div>  
                    </div>-->
                
                    <div class="title"  style=" margin-top:0px; padding-top:0px; padding-bottom:0px;">
                        <div class="trip">     
                            <div class="rets" style="border:none; ">   
                                <span class="text">活动是否需要收取费用</span>         
                            </div>
                            <div class="switch demo3" >
                                <img src="images/on.png" />
                            </div>  
                        </div>
                    </div>
                    <div class="xt_ec" ></div><br />
                    <div class="title"  style=" margin-top:0px; padding-top:0px; padding-bottom:0px;">
                        <div class="trip">      
                            <div class="its" style="border:none; ">
                                <span class="ple">
                                	成人价格
                                </span>
                            </div>
                            <div class="mon">
                            	<span class="ple">
                                    <span class="s1">添加价格</span>
                                	<!--<input class="time"   placeholder="50" >-->
                                </span>
                            </div>
                        </div>  
                        
                    </div>
                    
                    
                    <div class="title"  style=" margin-top:0px; padding-top:0px; padding-bottom:0px;">
                    
                        <div class="trip">     
                            <div class="its" style="border:none; ">   
                                <span class="ple">
                                	儿童价格
                                </span>  
                            </div>
                            <div class="mon">
                            	<span class="ple">
                                    <span class="s1">添加价格</span>
                                	<!--<input class="time"   placeholder=" " >-->
                                </span>
                            </div>
                        </div>
                        
                    </div><br />
                    <div class="xt_ec" ></div>
                    <div class="title"  style=" margin-top:0px; padding-top:0px; padding-bottom:0px;">
                    
                        <div class="trip">
                                      
                            <div class="rets" style="border:none; ">   
                             
                                <span class="text">活动是否需要购买保险</span>  
                            
                                <!--<sapn class="time" style="width:70%;">
                                
                                    <span class="a1">报名是否需要活动发起人审核</span>
                                
                                </span>-->
                                
                            </div>
                            
                            <div class="switch demo3" >
                            
                                <img src="images/on.png" />
                            
                                <!--<input type="checkbox" />
                                <label><i></i></label>-->
                            </div>  
                               
                        </div>
                          
                    </div>
                
                    <div class="xt_ec" ></div><br />
                    <div class="title"  style=" margin-top:0px; padding-top:0px; padding-bottom:0px;">
                        <div class="trip">      
                            <div class="its" style="border:none; ">
                                <span class="ple">
                                	成人价格
                                </span>
                            </div>
                            <div class="mon">
                            	<span class="ple">
                                    <span class="s1">添加价格</span>
                                	<!--<input class="time"   placeholder="50" >-->
                                </span>
                            </div>
                        </div>  
                        
                        
                        
                    </div>
                    
                    
                    <div class="title"  style=" margin-top:0px; padding-top:0px; padding-bottom:0px;">
                    
                        <div class="trip">     
                            <div class="its" style="border:none; ">   
                                <span class="ple">
                                	儿童价格
                                </span>  
                            </div>
                            <div class="mon">
                            	<span class="ple">
                                    <span class="s1">添加价格</span>
                                	<!--<input class="time"   placeholder=" " >-->
                                </span>
                            </div>
                        </div>
                        
                    </div><br />
                    <div class="xt_ec" ></div>
                    
                
                    <div class="title"  style=" margin-top:0px; padding-top:0px; padding-bottom:0px;">
                    
                        <div class="trip">
                                   
                            <div class="rets" style="border:none; ">
                            
                                <span class="text">报名是否需要审核</span>  
                            
                                <!--<sapn class="time" style="width:70%;">
                                
                                    <span class="a1">报名是否需要活动发起人审核</span>
                                
                                </span>-->
                                
                            </div>
                            
                            <div class="switch demo3" >
                            
                                <img src="images/off.png" />
                            
                                <!--<input type="checkbox" />
                                <label><i></i></label>-->
                            </div>  
                               
                        </div>
                        
                    </div>
                
                    <!--<div class="Choice">
                        <div class="trip">
                               
                               <span class="texta" style="margin-top:0px;">报名是否需要活动发起人审核？</span>
                                
                        </div>  
                    </div>-->
                    
                    <div class="xt_ec" ></div>
                
                    <div class="title"  style=" margin-top:0px; padding-top:0px; padding-bottom:0px;">
                    
                        <div class="trip">        
                
                            <div class="rets" style="border:none; ">
                            
                                <span class="text">是否在叮当派平台公开</span>  
                                
                                <!--<sapn class="time" style="width:70%;">
                                
                                    <span class="a1">是否在叮当派平台公开</span>
                                
                                </span>-->
                            
                            </div>
                             
                            <div class="switch demo2">
                                
                                <img src="images/on.png" />
                                
                                    <!--<input type="checkbox" />
                                    <label><i></i></label>-->
                            </div> 
                               
                        </div>
                        
                    </div>
                    
                    <div class="xt_ec" ></div>
                    
                    <div class="title" style="margin-top:0px;"  >
                    
                        <div class="trip">
                            
                            <div class="ret" style="border:none;">
                            
                                <span class="text">联系方式</span>  
                            
                                <input class="time"   placeholder="请输入手机号" >
                                
                                
                                  
                            </div>
                
                        </div> 
                         
                    </div>
                
                </div>
                
                <!--<div class="Choice">
                	<div class="trip">
                           
                           <span class="texta">是否在叮当派平台公开？</span>
                            
                    </div>  
                </div>-->

                <div class="Choice">
                
                	<div class="trip">
                            
                           <span class="texta" style="font-size:1.4rem; color:#666;">分享到：</span>
                           
                           <div class="shar"><img src="images/wx2.0.png" /></div>
                           
                           <div class="shar"><img src="images/qq2.0.png" /></div>
                           
                           <div class="shar"><img src="images/xl2.0.png" /></div>
                            
                    </div>  
                    
                </div>

                <br />

            </div>
              
      	</div>
        
        
        
        <div class="ext11" style="display:none;">
        
        	<div style="position:relative; height:100%;">
            
            
            <!--名额-->
            
            <div class="thead">

                <div class="m">
                    <span class="st">名额</span>
                </div>
            
            </div>
            
        	<div class="tbody">
            
                <div class="activity details">

                    <div class="editor" style="margin-top:0px;">
                        <a href="#">
                            <div class="trip" >
                                
                                <div class="go_name"> 
                                
                                    <span class="name">家庭</span>
                                    
                                    
                                </div>
                                
                                <div class="go"><img src="images/go.png" /></div>
                                
                            </div>
                        </a>
                        <div class="xt_ec"></div>
                        <a href="#">
                            <div class="trip" >
                                
                                <div class="go_name"> 
                                
                                    <span class="name">人数</span>
                                    
                                    
                                </div>
                                
                                <div class="go"><img src="images/go.png" /></div>
                                
                            </div>
                        </a>
                        <div class="xt_ec"></div>
                        <a href="#">
                            <div class="trip">
                                
                                <div class="go_name"> 
                                
                                    <span class="name">小孩</span>
                                    
                                    
                                </div>
                                <div class="go"><img src="images/go.png" /></div>
                            </div>
                         
                        </a>
                        <div class="xt_ec"></div>
                    </div>

                </div>
              
      		</div>
            
            <!--名额end-->
            
            <!--名额选择-->
            
            <!--<div class="thead">

                <div class="m">
                    <span class="st">名额</span>
                </div>
            
            </div>
            
            <div class="tbody">
                <div class="activity details">
                    
                    <div class="editor" style="margin-top:0px;">
    
                        <div class="trip" >
    
                            <input class="usname" name="" placeholder="几组家庭" type="text" />
    
                        </div>  
                        
                        <div class="xt_ec"></div>
                        
                        <div class="trip" ></div> 
                        
                        <div class="trip" ></div> 
                        
                        <div class="trip" ></div>
                        
                        <div class="trip" ></div> 
                        
                        <div class="trip" ></div>
                        
                        <div class="trip" ></div> 
                        
                        <div class="trip" ></div> 
    
                    </div>
    
                </div>
                  
            </div>

            <a class="determines" href="#">确 定</a>-->

			<!--名额选择end-->
            	
            </div>
            
        </div>
        

    </div>
    
</div>

</body>
</html>
